<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- logo -->
    <a class="logo" href="http://localhost:8080/register.html">QQ</a>

    <!-- side -->
    <div class="side" >
        <div class="show">
            <div class="pic">
                <div class="dev"><img src="./images/banner6.jpg" alt=""></div>
                <div class="dev"><img src="./images/banner7.jpg" alt=""></div>
                <div class="dev"><img src="./images/banner8.jpg" alt=""></div>
            </div>
        </div>
    </div>

    <!-- top -->
    <div class="top">
        <div class="item feedback">
            <a href="javascript:void(0)">意见反馈</a>
        </div>

        <div class="item language-entry">
            <div>
                简体中文&nbsp;
                <img src="https://cdn-go.cn/qq-web/zc.qq.com/12ea5880/v3/img/down.png">
            </div>
        </div>

        <div class="item lianghao">
            <a class="lianghao-entry" href="#">
                <div>QQ靓号</div>
                <img src="https://cdn-go.cn/qq-web/zc.qq.com/12ea5880/v3/img/logo3.png">
            </a>
        </div>

    </div>

    <!-- main -->
    <div class="main-wraper">
        <div class="main">

            <div class="form">
                <div>
                    <div class="welcome">欢迎注册QQ</div>
                    <div class="header free-lianghao-entry">
                        <a href="javascript:void(0)">免费靓号</a>
                    </div>
                    <div class="header">每一天，乐在沟通。</div>
                </div>

                <form id="reg" action="">
                    <div class="input-area">
                        <label class="input-placeholder" id="nickname-tips"></label>
                        <div class="input-outer">
                            <input name="uname" class="nickname" id="nickname" type="text" maxlength="24" autocomplete="off" placeholder="昵称">
                        </div>
                        <div class="error-tips-wrap slideup">
                        </div>
                    </div>

                    <div class="input-area">
                        <label class="input-placeholder" id="password-tips"></label>
                        <div class="input-outer">
                            <input name="upwd" class="password" id="password" type="password" maxlength="16" autocomplete="off" placeholder="密码">
                        </div>
                        <div class="error-tips-wrap slideup">
                        </div>
                    </div>

                    <div style="position:relative">
                        <div class="input-area phone-area fr">
                            <label class="input-placeholder" id="phone-tips"></label>
                            <div class="input-outer">
                                <input name="uphone" class="phone" id="phone" type="text" maxlength="16" autocomplete="off" placeholder="手机号码">
                            </div>
                        </div>

                        <div class="input-area nation-area">
                            <div class="input-outer">
                                <input class="nation" type="text" autocomplete="off" placeholder="+86">
                                <div class="selector">
                                    <img src="https://cdn-go.cn/qq-web/zc.qq.com/12ea5880/v3/img/down.png">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="error-tips-wrap slideup"></div>

                    <div class="input-tips-wrap">
                        <div class="input-tips">可通过该手机号找回密码</div>
                    </div>

                    <div>
                        <input class="submit" id="get_acc" type="submit" value="立即注册">
                        <div class="error-tips-wrap slideup" ></div>
                    </div>

                    <div class="agreement">
                        <label class="checkbox fl">
                            <img class="fl" src="https://cdn-go.cn/qq-web/zc.qq.com/12ea5880/v3/img/checkbox_check.png">
                            &nbsp;我已阅读并同意相关服务条款和隐私政策
                        </label>

                        <img class="slect fl" src="https://cdn-go.cn/qq-web/zc.qq.com/12ea5880/v3/img/down.png">
                    </div>

                </form>
            </div>

            <div class="footer">Copyright 
                <span>©</span> 1998-2020Tencent All Rights Reserved
            </div>

        </div>
    </div>
</body>

</html>